@charset "utf-8";
.signin-con,.nav-con,.banner-con,.search-con,
.prize-con,.city-con,.marry-con,.hotel-con,
.goods-con,.list-con,.botNav-con,.foot-con
{
    width: 1200px;
    margin: 0 auto;
}
body{
    overflow-x: hidden;
}
/* signin 区版型 */
#signin{
    background: #f5f5f5;

}
.signin-con{
    height: 34px;

}
.signin-con p{
    float: left;
    width: 155px;
    height: 34px;

}
.signin-con p a{
    display: block;
    height: 34px;
    width: 77px;
    line-height: 34px;
    color: #666;
    font-size: 12px;
    float: left;
}
.signin-con p i{
    color: #666;
    font-size: 12px;
}



.signin-con ul{
    float: left;
    height: 34px;
    width: 506px;
    margin-left: 394px;
    background: url(../images/shugang_03.jpg) no-repeat right center;
}
.signin-con ul a{
    display: block;
    float: left;
    height: 34px;
    width: 84px;
}
.signin-con ul a li{
    color: #666;
    font-size: 12px;
    line-height: 34px;
    text-align: center;
}
.signin-con div{
    float: left;
    font-size: 12px;
    color: #666;
    line-height: 34px;
    margin-left: 27px;
}
/* nav区域版型 */
#nav{
    width: 100%;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
}
.nav-con{
    height: 80px;
}
.nav-con h1{
    float: left;
    height: 80px;
    width: 130px;
    padding-top: 17px;
}
.nav-con h1 img{
    display: block;
    width: 100%;
    height: 45px;
}
.nav-con span{
    float: left;
    color: #666;
    font-size: 12px;
    width: 24px;
    height: 80px;
    line-height: 80px;
    margin-left: 20px;
}
.nav-con i{
    width: 11px;
    height: 80px;
    float: left;
    padding-top: 37px ;
    margin-left: 8px;
}
.nav-con i img{
    display: block;
    width: 11px;
    height: 6px;
}
.nav-con ul{
    float: left;
    width: 730px;
    height: 80px;
    margin-left: 59px;
}
.nav-con ul a{
    float: left;
    display: block;
    position: relative;
}
.nav-con ul a li{
    height: 80px;
    width: 100px;
    color: #000;
    font-size: 16px;
    line-height: 80px;
    text-align: center;
}
.nav-con ul a li:hover{
    border-bottom: #f83244 2px solid ;
    color: #f83244;
}
.nav-con ul a .xiaosanjiao{
    width: 9px;
    height: 5px;
    position: absolute;
    right: 0;
    top: 40px;
}
.nav-con ul a .xiaosanjiao img{
    height: 100%;
    width: 100%;
}
.nav-con div{
   float: left;
    padding-top: 20px;

}
.nav-con div input{
    float: left;
    height: 40px;
    width: 178px;
    background: #f5f5f5;
    border: none;
    padding-left: 14px;
    
}
.nav-con div em{
    display: block;
    width: 40px;
    height: 40px;
    background: #f83244;
    float: left;
}
.nav-con div em img{
    display: block;
    width: 50%px;
    height: 50%px;
    padding: 11px 0 0 11px;
}



/* banner区版型 */
#banner{
    width: 100%;
    height: 360px;
    background: url(../images/banner1.jpg) no-repeat center center;
}
.banner-con ul{
    height: 360px;
    width: 210px;
    background: rgba(50, 47, 51, .7);
    padding-left: 15px;
}
.banner-con ul a {
    display: block;
    height: 40px;
    width: 210px;
}
.banner-con ul a li{
    width: 210px;
    height: 40px;
}
.banner-con ul a li i{
    float: left;
    width: 18px;
    height: 40px;
    padding-top: 12px;
}
.banner-con ul a li i img{
    display: block;
    width: 18px;
    height: 18px;
}
.banner-con ul a li h3{
    width: 76px;
    height: 40px;    
    font-size: 16px;
    color: #fff;
    float: left;
    line-height: 40px;
    padding-left: 9px;
}
.banner-con ul a li p{
    float: left;
    height: 40px;
    width: 65px;
    font-size: 12px;
    color: #c2bfc1;
    line-height: 40px;
    margin-left: 33px;
}
.sideNav{
    width: 56px;
    height: 190px;
    position: fixed;
    top: 212px;
    right: 0;
    z-index: 50;
}
.sideNav i{
    width: 56px;
    height: 56px;
    background: rgba(0, 0, 0, .8);
    display: block;
    padding: 19px;
}
.sideNav i img{
    width: 18px;
    height: 18px;
}
.sideNav em{
    width: 56px;
    height: 76px;
    background: rgba(0, 0, 0, .8);
    display: block;
    padding: 10px 16px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;

}
.sideNav em img{
    width: 20px;
    height: 20px;
    margin: 0 0 7px 2px;
}
#sideNav_m{
    margin: 1px 0;
}



/* search区版型 */
.search-con{
    height: 605px;

}
.search_t{
    height: 180px;
    width: 1200px;
    padding: 46px 0 0 73px;
}
.search_t dl{
    height: 73px;
    width: 73px;
    float: left;
    margin-right: 160px;
}
.search_t dl dt{
    width: 73px;
    height: 40px;
    padding-left: 14px;
}
.search_t dl dt img{
    display: block;
    width: 40px;
    height: 40px;
    
}
.search_t dl dd{
    font-size: 16px;
    color: #000;
    width: 73px;
    height: 16px;
    line-height: 16px;

}
.search_t .margin_none{
    margin-right: 0px;
}


.search_m{
    width: 1200px;
    height: 297px;
    
}
.search_ml{
    float: left;
    height: 297px;
    width: 602px;
    background: url(../images/bg-a.png) no-repeat center;
    padding:40px 0 0 40px;
    margin-right: 12px;
}
.search_ml p{
    font-size:24px ;
    color: #fff;
    width: 170px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 40px;
}
.search_ml select{
    width: 166px;
    height: 64px;
    border-radius: 2px;
    margin-right: 12px;
}
.search_ml select option{
    color: #333;
    font-size: 16px;
    line-height: 64px;
}
.search_ml input{
    width: 160px;
    height: 48px;
    border-radius:  48px; 
    background:#fff;
    color: #f83244;
    font-size: 16px;
    line-height: 48px;
    margin: 30px  0 0 187px;
}

.search_mc{
    float: left;
    width: 240px;
    height: 297px;
    background: url(../images/bg-b.png) no-repeat center;
    padding-top: 65px;
    margin-right: 12px;
}
.search_mc h4{
    font-size: 31px;
    color:#fff ;
    font-weight: bolder;
    margin-left: 57px;
}
.search_mc span{
    display: block;
    font-size: 16px;
    color: #fff;
    width: 142px;
    height: 17px;
    line-height: 17px;
    margin: 20px 0 56px 48px;
}
.search_mc input{
    width: 160px;
    height: 48px;
    border-radius: 48px;
    background:#fff;
    color: #fa5243;
    font-size: 16px;
    line-height: 48px;
    margin-left: 40px;
}

.search_mr{
    width: 334px;
    height: 297px;
    background: #fff;
    float: left;padding-top: 41px;
    box-shadow: 2px 2px 2px #888888;
}
.search_mr p{
    font-size: 22px;
    color: #000;
    height: 22px;
    width: 100px;
    margin: 0 0 36px 39px;

}
.search_mr ul {
    width: 270px;
    height: 160px;
    margin-left: 40px;
}
.search_mr ul a {
    display: block;
    float: left;
    width: 71px;
    margin: 0 19px 30px 0;

}
.search_mr ul a i{
    width: 30px;
    height: 30px;
    display: block;
    margin-bottom: 21px;
    margin-left: 12px;
}
.search_mr ul a i img{
    width: 100%;
    height: 100%;
    display: block;
}
.search_mr ul a li {
    width: 71px;
    font-size:12px ;
    color:#333 ;    
}

.search_b{
    height: 70px;
    width: 100%;

}
.search_b em{
    float: left;
    width: 14px;
    height: 16px;
    margin-top: 30px;
}
.search_b em img{
    width: 100%;
    height: 100%;
}
.search_b p {
    float: left;
    width: 77px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    color: #000;
    border-right: 1px solid #666;
    margin: 32px 0 0 7px;
}
.search_b a {
    display: block;
    padding-left: 20px;
    width: 45px;
    height: 12px;
    float: left;
    font-size: 12px;
    line-height: 12px;
    color: #000;
    margin-top: 32px;
}
.search_b span{
    width: 70px;
    display: block;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    float: left;
    margin-left: 20px;
    margin-top: 32px;
}

/* prize区版型 */
.prize-con{
    height: 948px;

}
.prize_t{
    height: 548px;
    width: 100%;
    padding-top: 59px;
}
.prize_t h3{
    font-size:32px ;
    color: #000;
    height: 32px;
    width: 195px;
    margin:0 0 50px 504px;
    line-height: 32px;
}
.prize_t dl{
    height: 330px;
    width: 386px;
    position: relative;
    float: left;
    margin-right: 14px;

}
.prize_t dl img{
    display: block;
    width: 380px;
    height: 240px;
}
.prize_t dl p{
    font-size: 16px;
    color: #000;
    width: 332px;
    height: 17px;
    margin:28px 0 20px 30px;
}
.prize_t dl dd{
    float: left;
    font-size: 26px;
    color: #f83244;
    width: 92px;
    height: 26px;
    line-height: 26px;
    margin:0 96px 0 24px;
}
.prize_t dl span{
    display: block;
    float: left;
    width: 160px;
    height: 12px;
    font-size: 12px;
    color: #666;
    line-height: 12px;
    margin-top: 15px;
}
.prize_t dl i{
    font-size: 12px;
    color: #fff;
    width: 80px;
    height: 32px;
    border-radius: 2px;
    background: #000;
    position: absolute;
    top:14px;
    right: -10px;
    line-height: 32px;
    text-align: center;
}

.prize_b{
    width: 100%;
    height: 386px;
}
.prize_b dl{
    width: 285px;
    height: 267px;
    float: left;
    position: relative;
    margin-right: 14px;
}
.prize_b dt {
    height: 197px;
    width: 285px;
}
.prize_b dt img{
    height: 100%;
    width: 100%;
    display: block;
}
.prize_b dl dd{
    width: 254px;
    height: 109px;
    border-radius: 10px;
    padding-top: 21px;
    position: absolute;
    left: 15px;
    bottom: -12px;
    background: #fff;
}
.prize_b dl dd h4{
    font-size:12px ;
    color:#000 ;
    margin: 0 0 14px 27px;
}
.prize_b dl dd p{
    font-size: 10px;
    color: #666;
    width: 120px;
    height: 11px;
    line-height: 11px;
    margin: 0 0 22px 21px;
}
.prize_b dl dd span{
    font-size: 14px;
    color: #f83244;
    width: 50px;
    height: 14px;
    margin-left: 22px;
    font-weight: bolder;
}

/* city区版型 */
.city-con{
    height: 647px;
}
.city-con h3{
    font-size:30px ;
    color: #000;
    width: 195px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 49px 503px;
}
.city_l,.city_r{
    width: 238px;
    height: 358px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 2px;
}
.city_l img,.city_r img{
    width: 100%;
    height: 100%;
    display: block;
}
.city_l figure,.city_r figure{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -306px;
    font-size: 16px;
    color: #fff;
    background: rgba(82, 82, 80, .8);
    padding: 17px 0 0 21px;
    transition: all .5s;
}
.city_l figure:hover,.city_r figure:hover{
    bottom: 0;
}
.city_c{
    width: 718px;
    height: 358px;
    float: left;
}
.city_c dl,.city_c dl dt,.city_c dl dd{
    width: 238px;
    height: 178px; 
}
.city_c dl{
    margin: 0 1px 2px 0;
    position: relative;
    overflow: hidden;
    float: left;
}
.city_c dl dt img{
    width: 100%;
    height: 100%;
    display: block;
}
.city_c dl dd{
    position: absolute;
    left: 0px;
    bottom: -126px;
    background:  rgba(82, 82, 80, .8) ;
    font-size: 18px;
    color: #fff;
    padding: 16px 0 0 22px;
    transition: all .3s;
}
.city_c dl dd:hover{
    bottom: 0;
}
.city_b{
    width: 1200px;
    height: 160px;
    padding: 60px 0 0 520px;
    float: left;
}
.city_b button{
    width: 160px;
    height: 48px;
    color: #fff;
    background: #f83244;
    border-radius: 48px;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
}

/* case区版型 */
#case{
    height: 907px;
    width: 100%;
    background: #fefefe;
}
#case h3{
    font-size: 32px;
    color: #000;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left:591px;
    float: left;
}#case li{
    width: 350px;
    height: 275px;
    float: left;
    margin:190px 12px 0 0 ;
}
#case li img{
    width: 100%;
    height: 100%;
}
#case dl{
    width: 652px;
    height: 545px;
    float: left;
    background: #fff;
    position: relative;
    margin-top: 58px;

}
#case dl dd{
    height: 144px;
    width: 100%;
    padding: 40px 0 0 30px;
}
#case dl dd h4{
    font-size:22px;
    color: #000;
    width: 100%;
    height: 22px;
    float: left;
    line-height: 22px;
}
#case dl dd span{
    font-size: 12px;
    color:#666 ;
    display: block;
    margin-top:21px ;
    width: 128px;
    height: 12px;
    line-height: 12px;
    float: left;

}
#case dl dd i{
    display: block;
    float: left;
    font-size:12px ;
    color: #666;
    width: 60px;
    height: 12px;
    line-height: 12px;
    margin: 21px 0 0 406px;
}
#case dl em{
    display: block;
    position: absolute;
    width: 55px;height: 55px;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    background:#f83244;
    left: 297px;
    bottom: -28px;
    line-height: 55px;
    text-align: center;
}
#case figure{
    height: 244px;
    width: 100%;
    float: left;
    padding-top: 106px;
}
#case figure button{
    width: 164px;
    height: 48px;
    border-radius: 48px;
    color: #fff;
    background: #f83244;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    margin: 0 0 26px 606px;
}
#case figure p{
    font-size: 12px;
    color: #aaa;
    width: 350px;
    height: 12px;
    line-height: 12px;
    margin-left: 516px;
}

/* marry区版型 */
#marry{
    width: 100%;
    height: 315px;
    background: url(../images/bg.png) no-repeat center;
}
.marry-con{
    height: 100%;
    position: relative;
    padding-top: 60px; 
}
.marry-con h3{
    font-size:32px ;
    color: #000;
    margin-left: 546px;
    width: 140px;
    height: 32px;
    line-height: 32px;
}
.marry-con ul{
    height: 250px;
    width: 100%;
    position: absolute;
    bottom: -76px;
    left: 0;
    background: #fff;
    box-shadow: #c2bfc1 5px 5px 5px;
    padding-left: 56px;
}

.marry-con ul a {
    float: left;
    margin-right: 77px;
    height: 100%;
    width: 66px;
    padding-top: 81px;
}
.marry-con ul a i{
    width: 34px;
    height: 30px;
}
.marry-con ul a i img{
    width: 34px;height: 30px;
    margin-left: 17px;
}
.marry-con ul a span{
    font-size: 14px;
    color:#000 ;
    line-height:15px ;
    width: 66px;
    height: 15px;
    display: block;
    margin-top: 40px;
}

/* hotel区版型 */
.hotel-con{
    height: 592px;
    padding-top: 157px;
}
.hotel-con h3{
    width: 100%;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    color: #000;
    margin-left: 481px;
}
.hotel-con ul{
    height: 220px;
    width:100%;
    margin:47px 0 40px 0;
}
.hotel-con ul a{
    float: left;
    width: 228px;
    height:100%;
    margin-right: 12px;
}
.hotel-con ul a i{
    height: 144px;
    width: 228px;
    margin-bottom: 20px;
    display: block;
}
.hotel-con ul a i img{
    width: 100%;
    height: 100%;
}
.hotel-con ul a li{
    color: #000;
    font-size: 18px;
    width: 45px;
    height: 18px;
    line-height: 18px;
    margin-left: 20px;
}
.hotel-con div{
    height: 56px;
    width: 100%;

}
.hotel-con div h4 {
    height: 16px;
    width: 100px;
    float: left;
    border-right: 1px #868686 solid;
}
.hotel-con div h4 em{
    display: block;
    height: 16px;
    width: 16px;
    float: left;
}
.hotel-con div h4 em img{
    width: 100%;
    height: 100%;

}
.hotel-con div h4 p{
    font-size: 12px;
    color: #000;
    margin-left: 7px;
    height: 12px;
    line-height: 16px;
    float: left;
    
}
.hotel-con div a {
    float: left;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    margin-left:20px ;
}


/* goods 区版型*/
#goods{
    width: 100%;
    background: #fafafa;
}
.goods-con{
    height: 680px;
    background: #fff;

}
.goods_t{
    width: 100%;
    height: 176px;
    padding-top: 60px;
    margin-bottom: 40px;
}
.goods_t h3{
    width: 140px;
    height: 34px;
    font-size:34px ;
    color: #000;
    margin: 0 0 30px 545px;
}
.goods_t p{
    margin-left: 400px;    
}
.goods_t span{
    display: block;
    font-size: 14px;
    color: #000;
    float: left;
    width: 84px;
    height: 14px;
    line-height: 14px;
    text-align: center;
}
.goods_t i{
    display: block;
    font-size: 14px;
    height: 14px;
    width: 5px;
    float: left;
    color: #d8d0d4;
}
.goods_m{
    width: 1225px;
    height: 340px;
}
.goods_m dl{
    height: 340px;
    width: 290px;
    float: left;
    margin-right: 16px;
    position: relative;
}
.goods_m dl dt{
    width: 290px;
    height: 285px;

}
.goods_m dl dt img{
    width: 290px;
    height: 285px;
}
.goods_m dl dd{
    width: 258px;
    height: 109px;
    background: #fff;
    position: absolute;
    left: 16px;
    bottom: -21px;
    padding-top: 19px;
}
.goods_m dl dd p{
    width: 175px;
    height: 35px;
    margin-left: 20px;
}
.goods_m dl  h4{
    font-size: 22px;
    color: #000;
    margin:0 0 13px 21px;
}
.goods_m dl dd p i{
    width: 45px;
    height: 35px;
    border-top: #f83244 2px solid;
    padding-top:23px ;
    display: block;
    float: left;
}
.goods_m dl dd p span{
    width: 62px;
    height: 45px;
    padding-top:23px;
    display: block;
    float: left;
}
.goods_b {
    height: 305px;
    width: 100%;
    padding-top: 68px;
}
.goods_b button{
    width: 165px;
    height: 48px;
    border-radius: 48px;
    font-size: 14px;
    color: #fff;
    background: #f83244;
    line-height: 48px;
    text-align: center;
    margin-left:530px ;
}
/* picture区的版型 */
#picture{
    width: 100%;
    height: 1606px;
    background: url(https://qnm.hunliji.com/o_1d1fnk660104ejpg6p41k0210jbe.png?imageView1/1/w/2560/h1396) no-repeat top center;
    padding-top: 33px;
    background-size: auto 1386px;
}
#picture h3{
    width: 128px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 145px 610px;
    color: #fff;
}
.picture_t{
    height:392px;
    width: 1320px;
    margin-left: 15px;
    background: #000;
    position: relative;
}
.prize_t figure{
    width: 330px;
    height: 330px;
    color: #fff;
    font-size: 330px;
    text-align: center;
    background: #222;
    float: left;
}
.picture1{
    width: 660px;
    height: 510px;
    position: absolute;
    left: 0;
    bottom: 0;
    float: left;
}
.picture1 img,.picture2 img {
    width: 100%;
    height: 100%;
}
.picture1 h6 ,.picture2 h6,.picture_m div h6,
.picture_m div img,.picture5 h6{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(100, 99, 100, .7);
}
.picture1 h6:hover,.picture2 h6:hover,
.picture_m div h6:hover,.picture5 h6:hover{
    background: rgba(100, 99, 100, 0);
}
.picture_t div{
    width: 330px;
    height: 330px;
    float: left;
    margin-top: 180px;
    position: absolute;
}
.picture2{
    left: 660px;
    bottom: 0;
}
.text_t{
    right: 0;
    bottom: 0;
    padding-top:30px;
}
.picture_t div h4{
    font-size: 22px;
    color:#fff ;
    height: 22px;
    width: 158px;
    margin: 0 0 45px 60px;
}
.picture_t div p{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    height: 56px;
    width: 200px;
    margin-left: 60px;
}
.text_t button{
    margin:70px 0 0 60px;
    font-size:22px ;
    color: #fff;
    border-radius: 100%;
    width: 56px;
    height: 56px;
    background: #f83244;
}

.picture_m{
    height:392px;
    width: 1320px;
    margin-left: 15px;
    background: #222;
}
.picture_m figure{
    color: #fff;
    font-size: 32;
    line-height: 392px;
    text-align: center;
    float: left;
    width: 330px;
    height: 330px;
}
.picture_m div{
    width: 330px;
    height: 330px;
    float: left;
    position: relative;
}

.picture_b{
    height:392px;
    width: 1320px;
    margin-left: 15px;
    background: #222;
    position: relative;
}
.text_b{
    padding:62px 0 0 60px ;
    width: 620px;
    height: 392px;
    position: absolute;
    left: 0;
    top: 0;
}
.text_b h4{
    color: #fff;
    font-size:32px ;
    width: 250px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 50px;
}
.text_b p{
    font-size:16px ;
    color:#fff ;
    width: 540px;
    height: 50px;
    line-height:32px ;
    margin-bottom: 70px;
}
.text_b button{
    font-size:22px ;
    color: #fff;
    border-radius: 100%;
    width: 56px;
    height: 56px;
    background: #f83244;
}
.picture5{
    width: 660px;
    height: 440px;
    position: absolute;
    right: 0;
    top: 0;
}
.picture5 img{
    width: 100%;
    height: 100%;
}
.picture_lo{
    height: 17px;
    width: 525px;
    margin:19px 0 0 15px;
}
.picture_lo i{
    height: 17px;
    width: 17px;
    margin-right: 7px;
    float: left;
    display: block;
}
.picture_lo i img{
    width: 100%;
    height: 100%;
}
.picture_lo h5{
    width: 78px;
    height: 17px;
    font-size: 16px;
    line-height: 17px;
    border-right: 1px solid #666;
    float: left;
}
.picture_lo span{
    float: left;
    padding-left: 21px;
    font-size: 16px;
    height: 17px;
    line-height: 17px;
    display: block;
}
.picBtn{
    font-size:14px ;
    color: #fff;
    line-height:48px;
    text-align: center;
    width: 160px;
    height: 48px;
    border-radius: 48px;
    margin: 62px 0 0 595px;
    background: #f83244;
}
/* list-con版型 */
.list-con{
    height:672px ;
}
.list-con h3{
    font-size: 32px;
    color: #000;
    line-height: 33px;
    width:130px ;
    height:33px ;
    margin: 0 0 48px 535px ;
}

.list-con div{
    width: 400px;
    height: 430px;
    float: left;
    border: 1px solid #d8d8d8 ;
}
.list-con figure{
    width: 400px;
    height:160px ;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    padding-top: 48px;
}
.list-con figure i{
    width: 28px;
    height: 28px;
    margin: 0 19px 26px 65px;
    display: block;
    float: left;
}
.list-con figure i img{
    width: 100%;
    height: 100%;
}
.list-con figure h4{
    font-size: 28px;
    color: #000;
    width: 120px;
    height:28px ;
    line-height:28px ;
    float: left;
}
.list-con figure p{
    width: 330px;
    height: 12px;
    float: left;
    margin-left: 50px;
}
.list-con figure p span{
    font-size: 12px;
    color: #000;
    width:80px ;
    height: 12px;
    text-align: center;
}

.list-con ul{
    width:400px;
    height:270px;
    padding: 41px 0 0 29px;

}
.list-con ul li{
    height: 12px;
    width: 325px;
    margin-bottom: 26px;

}
.list-con ul li em{
    height: 12px;
    font-size: 12px;
    color: #000;
    line-height: 12px;
    width: 224px;
    display: block;
    float: left;
}
.list-con ul li i{
    height: 12px;
    color: #666;
    line-height: 12px;
    display: block;
    width: 60px;
    float: right;
    font-size: 12px;
}

/* botNav区版型 */
#botNav{
    width: 100%;
    background: #222222;
}
.botNav-con{
    height: 380px;
    padding-top: 48px;
}
.botNav_t{
    width: 100%;
    height: 207px;
    border-bottom: 1px solid #4e4f57;
    position: relative;
}
.botNav_t div{
    width: 128px;
    height: 175px;
    margin-right: 109px;
    float: left;
    overflow: hidden;
}
.botNav_t div h4{
    width: 80px;
    height: 18px;
    font-size:18px ;
    color: #fff;
    margin-bottom:21px;
    line-height:18px;
}
.botNav_t div ul{
    width: 50px;
    height: 126px;
    margin-right: 14px;
    float: left;
}
.botNav_t div ul li{
    width: 50px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    color: #ccc;
    margin-bottom: 16px;
}
.botNav_t p{
    width: 97px;
    height: 175px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
.botNav_t p em{
    display: block;
    width: 97px;
    height:18px ;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 12px;
    color: #fff;
}
.botNav_t p img{
    width: 96px;
    height: 96px;
}
.botNav_t p i{
    width: 32px;
    height: 32px;
    margin: 16px 12px 0 4px;
    display: block;
    float: left;
}
.botNav_t p i img{
    width: 100%;
    height: 100%;
}
.botNav_b{
    height: 100px;
    width: 100%;
    padding-top: 40px;
}
.botNav_b h5{
    width:55px ;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    margin-right: 18px;
    float: left;
}
.botNav_b p{
    width: 1074px;
    height: 50px;
    float: left;
}
.botNav_b p span{
    display: block;
    width:65px ;
    height: 10px;
    font-size: 10px;
    line-height: 12px;
    color:#ccc ;
    margin:0 17px 13px 0 ;
    float: left;
}

/* foot区版型 */
#foot{
    width: 100%;
    height: 100px;
    background: #1a1a1a;
}
.foot-con{
    height: 100px;
    padding-top: 33px;
}
.foot-con div{
    width: 500px;
    height: 50px;
    margin-left: 350px;
    position: relative;
}
.foot-con div p{
    min-width: 140px;
    height:10px ;
    font-size: 10px;
    color: #fff;
    line-height: 10px;
    margin: 0 40px 20px 0;
    float: left;
}
.foot-con div p:nth-child(3){
    margin-left: 5px;
}
.foot-con div i{
    width: 14px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0px;
}
.foot-con div i img{
    width: 100%;
    height: 100%;
}